
.coms-btn-choice {
    .btn-pickfiles {
        &.disabled {
            opacity: 0.2;
            cursor: default;   
        }
    }
}



.coms-upload-list {

   
    li {
      
        position: relative;
        .img-wrap {
            font-size: 0;
            height:100%;
            overflow: hidden;
            text-align: center;
        }

        .preview-pic {
            display: none;
            overflow: hidden;
             height:100%;
            .uploadimg,
            canvas {
                max-width: 100% !important;
                max-height: 100% !important;
                display: inline-block;
                vertical-align: middle;
            }
        }

        .preview-tip,
        .preview-name {
            
            padding: 0 px2rem(20px);
            overflow: hidden;
            font-size: px2rem(24px);

            span {
                word-wrap: break-word;
                word-break: break-all;
                line-height: 21px;
                display: inline-block;
                vertical-align: middle;
            }
        }

        .preview-tip {
            font-size: 14px;
            color: #999;
            background: url("../images/plupload/bg.png") repeat top center;
        }

        .preview-name {
            display: none;
            background: url("../images/plupload/bg.png") repeat top center;
        }


        .upbtn-del {
            display:none;
            position: absolute;
            top: px2rem(15px);
            right: px2rem(15px);
            width:px2rem(50px);
            line-height:px2rem(50px);
            height:px2rem(50px);
            background:#000;
            background:url("../images/plupload/upload_del_icon.png") no-repeat top center;
            background-size:100%;
            border-radius:100%;



            cursor: pointer;
            z-index: 10;

           






        }



        .error {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: px2rem(50px);
            line-height:px2rem(50px);
            text-align: center;
            background: #f60;
            color: #fff;
            font-size: px2rem(26px);
            display: none;
        }

        .successing {
            width:px2rem(50px);
            height:px2rem(50px);
            background: url("../images/plupload/upload_success.png") no-repeat top center;
            background-size:100% 100%; 
            position: absolute;
            right: 0;
            bottom: 0;
            display: none;
        }

        .progressing {
            position: absolute;
            width: 100%;
            bottom: 0;
            left: 0;
            height:px2rem(30px);
            overflow: hidden;
            z-index: 50;
            margin-bottom: 0;
            display: none;

            span {
                overflow: hidden;
                width: 0;
                height: 100%;
                display: block;
                background: url("../images/plupload/progress.png") repeat-x #1483d8;
                background-size:auto 100%;

                transition: width 200ms linear;

                -webkit-animation: progressmove 2s linear infinite;
                -moz-animation: progressmove 2s linear infinite;
                -o-animation: progressmove 2s linear infinite;
                -ms-animation: progressmove 2s linear infinite;
                animation: progressmove 2s linear infinite;

                -webkit-transform: translateZ(0);
            }
        }
    }
}